<template>
  <div class="wrapper">
    <!--  导航栏  -->
    <Header active="message" @getUser="getUser"/>
    <!--内容-->
    <div style="margin-top:20px;">
      <el-row type="flex" justify="left" align="middle">
        <el-col :offset="4" :span="16">
          <el-image :src="require('../assets/img/404.png')"></el-image>
        </el-col>
      </el-row>
    </div>

    <!--  底栏  -->
    <Footer/>
  </div>
</template>

<script>
import Header from "@/views/Header";
import Footer from "@/views/Footer";

export default {
  name: "NotFound",
  components: {Footer, Header},
  screenHeight: screen.availHeight / 2,
}
</script>

<style scoped>
.list-unstyled {
  list-style: none;
}

a {
  text-decoration: none;
  color: black;
}

>>> *.el-tag {
  margin-left: 5px;
}
</style>
